Để thiết lập Fluent.Ribbon ở chế độ "Minimized" mặc định khi khởi động, bạn có thể thêm thuộc tính IsMinimized="True" vào phần khai báo của Fluent:Ribbon như sau:

xml
Copy code
<Fluent:Ribbon Name="settingRibbon" DockPanel.Dock="Top" IsMinimized="True">
    <!-- Nội dung Ribbon -->
</Fluent:Ribbon>

Thuộc tính IsMinimized="True" sẽ giúp ribbon khởi động ở trạng thái thu nhỏ.

Để làm cho Fluent.Ribbon xuất hiện khi rê chuột và thu nhỏ lại khi chuột rời khỏi, bạn có thể sử dụng sự kiện MouseEnter và MouseLeave để thay đổi thuộc tính IsMinimized. Thêm mã vào phần Ribbon như sau:

xml
Copy code
<Fluent:Ribbon Name="settingRibbon" DockPanel.Dock="Top" 
               IsMinimized="True"
               MouseEnter="settingRibbon_MouseEnter" 
               MouseLeave="settingRibbon_MouseLeave">
    <!-- Nội dung Ribbon -->
</Fluent:Ribbon>

Sau đó, trong phần code-behind (MainWindow.xaml.cs), bạn thêm sự kiện cho MouseEnter và MouseLeave để thay đổi thuộc tính IsMinimized:

csharp
Copy code
private void settingRibbon_MouseEnter(object sender, System.Windows.Input.MouseEventArgs e)
{
    settingRibbon.IsMinimized = false; // Hiện ribbon khi rê chuột vào
}

private void settingRibbon_MouseLeave(object sender, System.Windows.Input.MouseEventArgs e)
{
    settingRibbon.IsMinimized = true; // Thu nhỏ ribbon khi chuột rời khỏi
}

Với cách này, Ribbon sẽ tự động mở ra khi bạn rê chuột vào và thu nhỏ lại khi chuột rời đi.

Trong WPF (Windows Presentation Foundation), các thành phần bố cục như Canvas, StackPanel, DockPanel, và Grid giúp tổ chức và sắp xếp các thành phần giao diện theo các quy tắc bố cục khác nhau. Dưới đây là sự khác biệt giữa chúng:

1. Canvas

• Chức năng: Canvas cho phép bạn đặt các thành phần ở vị trí tuyệt đối, tức là có thể định nghĩa vị trí cụ thể bằng cách thiết lập các thuộc tính như Canvas.Left, Canvas.Top, Canvas.Right, và Canvas.Bottom.
• Ưu điểm: Linh hoạt khi bạn cần vị trí chính xác, phù hợp cho các ứng dụng đồ họa hoặc khi cần vẽ tùy chỉnh.
• Hạn chế: Không tự động điều chỉnh kích thước hoặc vị trí khi thay đổi kích thước cửa sổ; người dùng phải tự quản lý việc sắp xếp lại giao diện.

Ví dụ:

xml
Copy code
<Canvas>
    <Button Content="Button 1" Canvas.Left="10" Canvas.Top="10"/>
    <Button Content="Button 2" Canvas.Left="50" Canvas.Top="50"/>
</Canvas>

2. StackPanel

• Chức năng: StackPanel sắp xếp các phần tử con theo chiều ngang (Horizontal) hoặc chiều dọc (Vertical).
• Ưu điểm: Đơn giản, dễ sử dụng khi cần xếp chồng các thành phần theo một hướng nhất định; tự động điều chỉnh vị trí của các phần tử con khi thêm hoặc xóa chúng.
• Hạn chế: Khó kiểm soát bố cục phức tạp, vì nó chỉ hỗ trợ một chiều duy nhất.

Ví dụ:

xml
Copy code
<StackPanel Orientation="Vertical">
    <Button Content="Button 1"/>
    <Button Content="Button 2"/>
    <Button Content="Button 3"/>
</StackPanel>

3. DockPanel

• Chức năng: DockPanel cho phép sắp xếp các phần tử con dọc theo các cạnh (Top, Bottom, Left, Right) của panel. Các phần tử có thể được "neo" vào một cạnh cụ thể của DockPanel.
• Ưu điểm: Tốt cho giao diện kiểu chia vùng hoặc bố cục với menu bên cạnh; tự động điều chỉnh kích thước của các phần tử khi thay đổi kích thước cửa sổ.
• Hạn chế: Khó bố cục khi cần các thành phần nằm chính giữa hoặc chia đều trong không gian còn lại.

Ví dụ:

xml
Copy code
<DockPanel>
    <Button Content="Top" DockPanel.Dock="Top"/>
    <Button Content="Left" DockPanel.Dock="Left"/>
    <Button Content="Right" DockPanel.Dock="Right"/>
    <Button Content="Bottom" DockPanel.Dock="Bottom"/>
    <Button Content="Fill"/>
</DockPanel>

4. Grid

• Chức năng: Grid sắp xếp các phần tử con theo dạng lưới (hàng và cột), cho phép bạn chia bố cục thành các ô (cell).
• Ưu điểm: Linh hoạt và mạnh mẽ nhất trong các loại bố cục WPF; hỗ trợ bố cục phức tạp và có thể điều chỉnh kích thước của các hàng/cột.
• Hạn chế: Thiết lập phức tạp hơn so với các panel khác, đặc biệt là khi có nhiều hàng và cột.

Ví dụ:

xml
Copy code
<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="2*"/>
    </Grid.ColumnDefinitions>

    <Button Content="Button 1" Grid.Row="0" Grid.Column="0"/>
    <Button Content="Button 2" Grid.Row="0" Grid.Column="1"/>
    <Button Content="Button 3" Grid.Row="1" Grid.Column="0"/>
    <Button Content="Button 4" Grid.Row="1" Grid.Column="1"/>
</Grid>

Tóm lại

• Canvas: Bố cục tuyệt đối, tốt cho đồ họa hoặc vị trí cố định.
• StackPanel: Xếp chồng theo chiều ngang hoặc dọc, phù hợp cho danh sách hoặc menu đơn giản.
• DockPanel: Xếp dọc theo các cạnh, thích hợp cho bố cục có thanh menu hoặc sidebar.
• Grid: Lưới hàng và cột, thích hợp cho bố cục phức tạp và linh hoạt nhất.

Mỗi loại panel có ưu điểm riêng và lựa chọn đúng loại panel sẽ giúp bạn tạo giao diện dễ quản lý và phù hợp với nhu cầu của ứng dụng.

Lỗi CS1061 này xảy ra khi WPF không nhận diện được phương thức Show() trong AddProductWindow. Nguyên nhân có thể là do AddProductWindow không phải là một cửa sổ (Window) hoặc không có phương thức Show().

Dưới đây là một số cách để khắc phục lỗi:

1. Kiểm tra kế thừa lớp AddProductWindow: Đảm bảo rằng AddProductWindow kế thừa từ lớp Window, ví dụ:

   csharp
   Copy code
   public partial class AddProductWindow : Window
   {
       public AddProductWindow()
       {
           InitializeComponent();
       }
   }
   

   Nếu AddProductWindow không kế thừa từ Window, bạn sẽ không thể sử dụng Show(). Hãy chắc chắn rằng AddProductWindow là một cửa sổ WPF và kế thừa từ lớp Window.

2. Thêm using System.Windows: Đảm bảo bạn đã thêm chỉ thị using System.Windows; ở đầu file, vì phương thức Show() thuộc về lớp Window trong System.Windows.

3. Kiểm tra xem tệp XAML đã tạo đúng chưa: Đảm bảo rằng bạn có tệp AddProductWindow.xaml đi kèm với AddProductWindow.xaml.cs, và trong tệp .xaml, phần khai báo root là <Window>.

   Ví dụ, file AddProductWindow.xaml của bạn nên trông như sau:

   xml
   Copy code
   <Window x:Class="YourNamespace.AddProductWindow"
           xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
           xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
           Title="Add Product Window" Height="300" Width="400">
       <!-- Content here -->
   </Window>
   

4. Kiểm tra các tham chiếu (References): Đảm bảo rằng dự án của bạn đã tham chiếu đúng các thư viện cần thiết cho WPF. Đôi khi, việc thiếu tham chiếu đến PresentationFramework có thể gây ra lỗi.

Nếu tất cả các bước trên đều đúng mà lỗi vẫn còn, hãy thử dọn dẹp và xây dựng lại dự án (Clean và Rebuild). Điều này có thể giúp loại bỏ bất kỳ lỗi biên dịch tạm thời nào.

Nếu AddProductWindow là một Page chứ không phải Window, bạn không thể dùng phương thức Show(). Thay vào đó, bạn cần điều hướng (Navigation) đến Page này trong một Frame.

Giả sử bạn có một Frame trên cửa sổ chính (MainWindow.xaml), bạn có thể điều hướng đến AddProductWindow như sau:

1. Đảm bảo có Frame trong MainWindow.xaml (hoặc cửa sổ bạn muốn điều hướng đến AddProductWindow):

   xml
   Copy code
   <Window x:Class="YourNamespace.MainWindow"
           xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
           xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
           Title="Main Window" Height="450" Width="800">
       <Frame x:Name="MainFrame" NavigationUIVisibility="Hidden"/>
   </Window>
   

2. Thay đổi code-behind trong sự kiện addProductBtn để điều hướng đến AddProductWindow:

   csharp
   Copy code
   private void addProductBtn(object sender, RoutedEventArgs e)
   {
       var addScreen = new AddProductWindow();
       MainFrame.Navigate(addScreen);
   }
   

   Hoặc nếu không có Frame, bạn có thể dùng NavigationService để điều hướng:

   csharp
   Copy code
   NavigationService.Navigate(new AddProductWindow());
   

Với Page, Navigate sẽ thay thế cho Show().

Để đảm bảo Ribbon nằm trên cùng mà không che mất Frame, bạn có thể sửa đổi cấu trúc bố cục bằng cách đặt Ribbon và TabControl trong một DockPanel. Để giữ cho Ribbon nằm phía trên cùng và TabControl bên dưới, bạn cần gán DockPanel.Dock="Top" cho Ribbon và để TabControl tự động chiếm không gian còn lại.

Hãy sửa lại như sau:

xml
Copy code
<Fluent:RibbonWindow x:Class="Project.MainWindow"  
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:Fluent="clr-namespace:Fluent;assembly=Fluent"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:Project"
        mc:Ignorable="d"
        Title="T-MOTOR" Height="450" Width="800" Icon="/images/motorcycle.png"
        WindowStartupLocation="CenterScreen">

    <!-- Sử dụng DockPanel để tổ chức các thành phần -->
    <DockPanel>

        <!-- Đặt Ribbon lên đầu -->
        <Fluent:Ribbon Name="settingRibbon" DockPanel.Dock="Top" IsMinimized="True">
            <Fluent:Ribbon.Menu>
                <Fluent:Backstage Header="T-Motor">
                    <Fluent:BackstageTabControl>
                        <Fluent:BackstageTabItem Header="Thông tin cá nhân"/>
                        <Fluent:BackstageTabItem Header="Cài đặt tài khoản"/>
                        <Fluent:BackstageTabItem Header="Cài đặt"/>
                        <Fluent:BackstageTabItem Header="Đăng xuất"/>
                    </Fluent:BackstageTabControl>
                </Fluent:Backstage>
            </Fluent:Ribbon.Menu>
            
            <!-- Các Tab và GroupBox trong Ribbon -->
            <Fluent:RibbonTabItem Header="Dasboard"/>
            <Fluent:RibbonTabItem Header="Products">
                <Fluent:RibbonGroupBox Header="Hàng tồn kho">
                    <Fluent:Button Header="Tổng hợp"/>
                    <Fluent:Button Header="Bảng kê hàng nhập"/>
                    <Fluent:Button Header="Bảng kê hàng xuất"/>
                </Fluent:RibbonGroupBox>
                <Fluent:RibbonGroupBox Header="Nhập/Xuất">
                    <Fluent:Button Header="Phiếu nhập"/>
                    <Fluent:Button Header="Phiếu xuất"/>
                </Fluent:RibbonGroupBox>
                <Fluent:RibbonGroupBox Header="Dữ liệu">
                    <Fluent:Button Header="Import"/>
                    <Fluent:Button Header="Export"/>
                </Fluent:RibbonGroupBox>
            </Fluent:RibbonTabItem>
            <Fluent:RibbonTabItem Header="Order">
                <Fluent:RibbonGroupBox Header="Hóa đơn">
                    <Fluent:Button Header="Hóa đơn bán hàng"/>
                    <Fluent:Button Header="Chỉnh sửa hóa đơn"/>
                    <Fluent:Button Header="Xóa hóa đơn"/>
                </Fluent:RibbonGroupBox>
            </Fluent:RibbonTabItem>
            <Fluent:RibbonTabItem Header="Report"/>
        </Fluent:Ribbon>

        <!-- Đặt TabControl bên dưới Ribbon để chiếm phần còn lại của màn hình -->
        <TabControl BorderThickness="0" SelectedIndex="{Binding ElementName=settingRibbon, Path=SelectedTabIndex}">
            <TabControl.Resources>
                <Style TargetType="TabItem">
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="TabItem"/>
                        </Setter.Value>
                    </Setter>
                </Style>
            </TabControl.Resources>

            <TabItem Header="Dashboard">
                <Grid/>
            </TabItem>
            
            <TabItem Header="Products">
                <Frame Source="AddProduct.xaml" NavigationUIVisibility="Hidden"/>
            </TabItem>
            
            <TabItem Header="Order">
                <Grid/>
            </TabItem>
            
            <TabItem Header="Report">
                <Grid/>
            </TabItem>
        </TabControl>
        
    </DockPanel>
</Fluent:RibbonWindow>

Trong mã trên:

• DockPanel.Dock="Top" được gán cho Ribbon, giữ Ribbon cố định trên đầu.
• TabControl được đặt bên dưới, không cần gán DockPanel.Dock, nên sẽ tự động chiếm phần còn lại của không gian.

Điều này đảm bảo rằng Frame trong TabControl luôn nằm bên dưới Ribbon.

Cột thừa trong ListView xuất hiện do GridView trong ListView không tự động điều chỉnh chiều rộng theo nội dung cột. Để loại bỏ cột thừa đó, bạn có thể điều chỉnh cột cuối cùng để nó tự động giãn ra vừa với không gian còn lại hoặc ẩn đi bằng cách đặt thuộc tính Width cụ thể.

Dưới đây là hai cách để xử lý vấn đề này:

1. Đặt Width của các cột cụ thể

Bạn có thể đặt chiều rộng cho từng cột sao cho không để lại không gian trống cuối cùng. Ví dụ:

xml
Copy code
<ListView>
    <ListView.View>
        <GridView>
            <GridViewColumn Header="Column 1" Width="100"/>
            <GridViewColumn Header="Column 2" Width="150"/>
            <GridViewColumn Header="Column 3" Width="Auto"/>
        </GridView>
    </ListView.View>
</ListView>

Nếu chiều rộng của các cột được thiết lập cố định, sẽ không còn không gian cho một cột thừa.

2. Sử dụng thuộc tính GridView.ColumnHeaderContainerStyle

Bạn cũng có thể tạo một cột cuối cùng với Width là * để cột này giãn ra, thay vì để khoảng trống. Cách này đảm bảo rằng không gian trống sẽ được xử lý mà không tạo thêm cột trống.

xml
Copy code
<ListView>
    <ListView.View>
        <GridView>
            <GridViewColumn Header="Column 1" Width="100"/>
            <GridViewColumn Header="Column 2" Width="150"/>
            <!-- Cột này sẽ giãn ra để chiếm khoảng trống còn lại -->
            <GridViewColumn Header=" " Width="*"/>
        </GridView>
    </ListView.View>
</ListView>

3. Sử dụng HorizontalContentAlignment="Stretch"

Trong một số trường hợp, bạn có thể đặt HorizontalContentAlignment của ListView là Stretch để tối ưu hóa bố cục mà không tạo thêm cột trống.

xml
Copy code
<ListView HorizontalContentAlignment="Stretch">
    <ListView.View>
        <GridView>
            <GridViewColumn Header="Column 1" Width="100"/>
            <GridViewColumn Header="Column 2" Width="150"/>
        </GridView>
    </ListView.View>
</ListView>

4. Sử dụng GridViewColumn.Width="Auto"

Sử dụng Width="Auto" sẽ làm cho các cột tự động điều chỉnh theo nội dung, tránh tạo không gian trống.

Các cách trên sẽ giúp loại bỏ cột trống ở cuối ListView.

Để loại bỏ cột trống cuối cùng trong ListView với GridView, bạn có thể sử dụng một vài cách điều chỉnh như sau:

1. Thiết lập Width cho các cột sao cho không có không gian trống

Hãy đảm bảo rằng các cột trong GridView được thiết lập chiều rộng cụ thể (không để Auto hoặc *). Nếu tất cả các cột có Width cố định, khoảng trống phía sau sẽ không xuất hiện.

Ví dụ:

xml
Copy code
<ListView>
    <ListView.View>
        <GridView>
            <GridViewColumn Header="STT" Width="50"/>
            <GridViewColumn Header="Mã hàng" Width="100"/>
            <GridViewColumn Header="Tên hàng" Width="150"/>
            <!-- Thiết lập độ rộng cho các cột còn lại -->
        </GridView>
    </ListView.View>
</ListView>

2. Đặt ScrollViewer.HorizontalScrollBarVisibility thành Disabled

Nếu bạn muốn ngăn ListView hiển thị thêm cột trống khi các cột chưa chiếm hết chiều rộng của nó, bạn có thể tắt thanh cuộn ngang bằng cách thiết lập HorizontalScrollBarVisibility thành Disabled:

xml
Copy code
<ListView ScrollViewer.HorizontalScrollBarVisibility="Disabled">
    <ListView.View>
        <GridView>
            <GridViewColumn Header="STT" Width="50"/>
            <GridViewColumn Header="Mã hàng" Width="100"/>
            <GridViewColumn Header="Tên hàng" Width="150"/>
            <!-- Thiết lập độ rộng cho các cột còn lại -->
        </GridView>
    </ListView.View>
</ListView>

3. Thêm cột giãn (GridViewColumn với Width="*" hoặc Auto)

Thêm một cột cuối cùng có Width là * sẽ tự động điều chỉnh để chiếm không gian còn lại, không để lại khoảng trống trống phía sau.

xml
Copy code
<ListView>
    <ListView.View>
        <GridView>
            <GridViewColumn Header="STT" Width="50"/>
            <GridViewColumn Header="Mã hàng" Width="100"/>
            <GridViewColumn Header="Tên hàng" Width="150"/>
            <!-- Các cột khác -->
            <GridViewColumn Header="" Width="*"/>
        </GridView>
    </ListView.View>
</ListView>

Cách này sẽ đảm bảo rằng GridView không để lại khoảng trống thừa ở cuối.

Để làm việc với dữ liệu trong ba bảng DANHMUCHANG, NHAPHANG, và XUATHANG trong C#, việc tạo các class riêng cho từng bảng sẽ giúp bạn quản lý và xử lý dữ liệu tốt hơn. Dưới đây là phân tích lý do tại sao bạn nên tạo các object tương ứng cho NHAPHANG và XUATHANG.

Lý do nên tạo thêm các class tương ứng

• Tính tổ chức và cấu trúc: Mỗi bảng (DANHMUCHANG, NHAPHANG, XUATHANG) chứa các thông tin khác nhau. Nếu bạn tạo các class riêng biệt cho từng bảng (chẳng hạn như Product, ProductImport, và ProductExport), bạn sẽ dễ dàng quản lý, tổ chức và thao tác với dữ liệu hơn.

• Tính tường minh: Các class riêng biệt cho NHAPHANG và XUATHANG sẽ giúp mã nguồn dễ hiểu hơn, đặc biệt khi mỗi class chỉ chứa các thuộc tính liên quan đến dữ liệu của từng bảng.

• Dễ dàng mở rộng và bảo trì: Nếu sau này bạn cần thêm thuộc tính hoặc phương thức cho các bảng nhập/xuất hàng, việc có các class riêng biệt sẽ giúp bạn dễ dàng mở rộng mã mà không ảnh hưởng đến các class khác.

Cách định nghĩa các class trong C#

Với DANHMUCHANG, bạn đã có class Products. Để dễ hiểu và theo chuẩn đặt tên, bạn có thể đổi tên class này thành Product và sử dụng các thuộc tính công khai để dễ truy cập hơn.

Định nghĩa các class trong C#

Dưới đây là các class gợi ý cho ba bảng của bạn:

csharp
Copy code
public class Product
{
    public string ProductCode { get; set; }
    public string ProductName { get; set; }
    public string Unit { get; set; }
}

public class ProductImport
{
    public string InvoiceNumber { get; set; }
    public DateTime InvoiceDate { get; set; }
    public string ProductCode { get; set; }
    public int Quantity { get; set; }
    public decimal UnitPrice { get; set; }
    public decimal TotalPrice { get; set; }
}

public class ProductExport
{
    public string InvoiceNumber { get; set; }
    public DateTime InvoiceDate { get; set; }
    public string ProductCode { get; set; }
    public int Quantity { get; set; }
    public decimal UnitPrice { get; set; }
    public decimal TotalPrice { get; set; }
}

Giải thích chi tiết

1. Class Product: đại diện cho bảng DANHMUCHANG, chứa các thuộc tính về mã hàng, tên hàng và đơn vị tính.

2. Class ProductImport: đại diện cho bảng NHAPHANG, chứa các thông tin về số hóa đơn, ngày hóa đơn, mã hàng, số lượng nhập, đơn giá và thành tiền.

3. Class ProductExport: tương tự như ProductImport, đại diện cho bảng XUATHANG, chứa các thông tin về số hóa đơn, ngày hóa đơn, mã hàng, số lượng xuất, đơn giá và thành tiền.

Kết luận

Việc tạo thêm các class riêng cho NHAPHANG và XUATHANG là cần thiết và giúp tổ chức mã nguồn tốt hơn, dễ bảo trì, và rõ ràng hơn khi làm việc với dữ liệu từ các bảng khác nhau.

Để kiểm tra số port mà SQL Server đang sử dụng trên SQL Server Management Studio (SSMS), bạn có thể làm theo các bước sau:

Cách 1: Sử dụng SQL Server Configuration Manager

1. Mở SQL Server Configuration Manager:

   • Đối với SQL Server 2012 trở lên, tìm công cụ này trong Start Menu bằng cách gõ "SQL Server Configuration Manager".

2. Trong SQL Server Configuration Manager, chọn:

   • SQL Server Network Configuration > Protocols for [Tên_Instance].

3. Trong mục Protocols for [Tên_Instance], chọn TCP/IP và nhấp chuột phải, sau đó chọn Properties.

4. Trong cửa sổ TCP/IP Properties, chuyển đến tab IP Addresses.

5. Cuộn xuống phần IPAll. Tại đây, bạn sẽ thấy trường TCP Port (ở cột bên phải). Đây là số port mà SQL Server instance đang sử dụng.

Cách 2: Sử dụng câu lệnh T-SQL trong SSMS

1. Mở SQL Server Management Studio (SSMS) và kết nối với SQL Server của bạn.

2. Trong cửa sổ truy vấn, chạy câu lệnh sau để kiểm tra số port mà SQL Server instance đang sử dụng:

   sql
   Copy code
   EXEC xp_readerrorlog 0, 1, N'Server is listening on';
   

   Hoặc bạn có thể sử dụng câu lệnh này:

   sql
   Copy code
   SELECT DISTINCT local_net_address, local_tcp_port
   FROM sys.dm_exec_connections
   WHERE local_net_address IS NOT NULL;
   

3. Kết quả sẽ hiển thị local_net_address (địa chỉ IP) và local_tcp_port (port SQL Server đang sử dụng).

Lưu ý

• Cách kiểm tra này giúp bạn xác định port mà instance SQL Server đang lắng nghe, đặc biệt hữu ích nếu bạn không sử dụng port mặc định (1433).

Nếu bạn muốn kiểm tra port mà instance SQL Server đang sử dụng trên localhost, bạn vẫn có thể làm theo các cách dưới đây để xác định port của SQL Server trên máy cục bộ.

Cách 1: Dùng SQL Server Configuration Manager

1. Mở SQL Server Configuration Manager.
2. Chọn SQL Server Network Configuration > Protocols for [Tên_Instance].
3. Chọn TCP/IP, nhấp chuột phải và chọn Properties.
4. Chuyển sang tab IP Addresses.
5. Cuộn xuống phần IPAll. Bạn sẽ thấy giá trị trong trường TCP Port. Đây là port mà SQL Server đang sử dụng, áp dụng cho cả localhost.

Cách 2: Sử dụng T-SQL trong SSMS

1. Mở SQL Server Management Studio (SSMS) và kết nối với SQL Server trên localhost.

2. Trong cửa sổ truy vấn, chạy câu lệnh sau:

   sql
   Copy code
   SELECT DISTINCT local_net_address, local_tcp_port
   FROM sys.dm_exec_connections
   WHERE local_net_address = '127.0.0.1' OR local_net_address = 'localhost';
   

   Kết quả sẽ hiển thị local_net_address là 127.0.0.1 hoặc localhost và local_tcp_port là port đang sử dụng.

Cách 3: Dùng Command Prompt (CMD)

1. Mở Command Prompt với quyền quản trị.

2. Nhập lệnh sau để tìm port mà SQL Server trên localhost đang sử dụng:

   cmd
   Copy code
   netstat -an | findstr 1433
   

   Mặc định, SQL Server thường sử dụng port 1433. Nếu bạn thấy cổng 1433 trong danh sách, thì SQL Server đang sử dụng cổng đó. Nếu không thấy, hãy thử các cách trên để tìm port khác mà SQL Server có thể đang sử dụng.

Lưu ý

• Nếu bạn đang chạy một instance không phải mặc định (tức là sử dụng tên khác ngoài MSSQLSERVER), port có thể khác 1433.

Để xem thông tin về các cơ sở dữ liệu đang chạy trên SQL Server, bạn có thể thực hiện các thao tác sau trong SQL Server Management Studio (SSMS).

1. Sử dụng T-SQL để xem thông tin cơ sở dữ liệu

Mở SQL Server Management Studio (SSMS), kết nối với SQL Server của bạn và sử dụng các câu lệnh T-SQL sau để xem thông tin:

Liệt kê tất cả các cơ sở dữ liệu trên server

sql
Copy code
SELECT name AS DatabaseName, 
       state_desc AS DatabaseState,
       recovery_model_desc AS RecoveryModel,
       compatibility_level AS CompatibilityLevel,
       create_date AS CreationDate
FROM sys.databases;

Câu lệnh trên sẽ trả về thông tin cơ bản về tất cả các cơ sở dữ liệu trên SQL Server, bao gồm:

• DatabaseName: Tên của cơ sở dữ liệu.
• DatabaseState: Trạng thái hiện tại (ONLINE, OFFLINE, RESTORING, RECOVERING,...).
• RecoveryModel: Mô hình khôi phục của cơ sở dữ liệu (Full, Simple, Bulk-logged).
• CompatibilityLevel: Mức độ tương thích của cơ sở dữ liệu.
• CreationDate: Ngày tạo cơ sở dữ liệu.

Xem chi tiết về một cơ sở dữ liệu cụ thể

Thay YourDatabaseName bằng tên của cơ sở dữ liệu bạn muốn xem chi tiết.

sql
Copy code
USE YourDatabaseName;
GO
EXEC sp_helpdb YourDatabaseName;

Câu lệnh trên sẽ trả về thông tin chi tiết về cơ sở dữ liệu, bao gồm kích thước, đường dẫn của các file dữ liệu (.mdf, .ldf), và các thuộc tính khác.

2. Sử dụng Object Explorer trong SSMS

1. Mở SQL Server Management Studio và kết nối với SQL Server.
2. Trong Object Explorer, mở rộng Databases.
3. Tại đây, bạn sẽ thấy danh sách tất cả các cơ sở dữ liệu đang chạy trên SQL Server.
4. Bạn có thể nhấp chuột phải vào từng cơ sở dữ liệu, chọn Properties để xem thông tin chi tiết về cơ sở dữ liệu đó, bao gồm kích thước, trạng thái, mô hình khôi phục, và các tùy chọn khác.

3. Sử dụng Stored Procedure sp_who2 để xem kết nối đến các database

Nếu bạn muốn xem thông tin về các kết nối đang hoạt động đến các cơ sở dữ liệu:

sql
Copy code
EXEC sp_who2;

Kết quả sẽ cho bạn thấy danh sách các phiên làm việc (session) trên SQL Server, bao gồm:

• SPID: ID của phiên làm việc.
• Status: Trạng thái của kết nối (RUNNABLE, SLEEPING, ...).
• DBName: Tên của cơ sở dữ liệu.
• Login: Tên tài khoản đăng nhập.
• HostName: Tên máy đang kết nối.

Thông qua DBName, bạn có thể thấy những cơ sở dữ liệu nào đang được sử dụng.

Để xem thông tin đăng nhập (login) trên SQL Server, bạn có thể sử dụng SQL Server Management Studio (SSMS) hoặc chạy các lệnh T-SQL sau.

1. Sử dụng T-SQL để liệt kê tất cả các tài khoản đăng nhập (logins)

Mở SQL Server Management Studio (SSMS) và chạy câu lệnh T-SQL sau để lấy thông tin các tài khoản đăng nhập:

sql
Copy code
SELECT name AS LoginName,
       type_desc AS AccountType,
       create_date AS CreationDate,
       modify_date AS LastModifiedDate,
       is_disabled AS IsDisabled
FROM sys.server_principals
WHERE type IN ('S', 'U', 'G');  -- S: SQL Login, U: Windows Login, G: Windows Group

Giải thích:

• LoginName: Tên đăng nhập.
• AccountType: Loại tài khoản (SQL Login, Windows Login, Windows Group).
• CreationDate: Ngày tạo tài khoản.
• LastModifiedDate: Ngày chỉnh sửa cuối cùng.
• IsDisabled: Xác định tài khoản có bị vô hiệu hóa hay không (1 là bị vô hiệu hóa, 0 là đang hoạt động).

2. Xem các quyền của từng tài khoản đăng nhập

Bạn có thể xem các quyền của từng tài khoản bằng cách sử dụng câu lệnh sau:

sql
Copy code
SELECT pr.name AS LoginName,
       pe.state_desc AS PermissionState,
       pe.permission_name AS PermissionName
FROM sys.server_permissions AS pe
JOIN sys.server_principals AS pr ON pe.grantee_principal_id = pr.principal_id;

Giải thích:

• LoginName: Tên đăng nhập.
• PermissionState: Trạng thái quyền (GRANT, DENY, REVOKE).
• PermissionName: Tên quyền (CONNECT SQL, ALTER ANY DATABASE, ...).

3. Sử dụng sp_helplogins để xem thông tin chi tiết từng tài khoản

Stored procedure sp_helplogins giúp bạn có thêm thông tin chi tiết về từng tài khoản, bao gồm quyền truy cập vào các cơ sở dữ liệu:

sql
Copy code
EXEC sp_helplogins;

Kết quả sẽ hiển thị các thông tin sau:

• LoginName: Tên tài khoản đăng nhập.
• DBName: Cơ sở dữ liệu mà tài khoản có quyền truy cập.
• UserName: Tên người dùng (user) trong từng cơ sở dữ liệu.
• Aliased to Login: Tên tài khoản đăng nhập được liên kết (nếu có).

4. Xem các tài khoản đăng nhập trực tiếp trong SSMS

1. Mở SQL Server Management Studio và kết nối với SQL Server.
2. Trong Object Explorer, mở rộng mục Security.
3. Chọn Logins. Bạn sẽ thấy danh sách tất cả các tài khoản đăng nhập hiện có.
4. Nhấp chuột phải vào từng tài khoản và chọn Properties để xem chi tiết về tài khoản đó, bao gồm quyền và các thuộc tính khác.

Lưu ý

• Các tài khoản đăng nhập SQL (SQL Server Logins) khác với tài khoản người dùng trong từng cơ sở dữ liệu (Database Users). Một tài khoản đăng nhập có thể được ánh xạ đến nhiều người dùng trong các cơ sở dữ liệu khác nhau.
• Để xem danh sách người dùng trong từng cơ sở dữ liệu, bạn có thể chuyển đến cơ sở dữ liệu đó và kiểm tra mục Security > Users trong Object Explorer.

Trong SQL Server, trạng thái quyền GRANT là một trong ba trạng thái quản lý quyền truy cập (permission states) và xác định liệu một người dùng hoặc vai trò có được cấp phép để thực hiện một hành động nhất định hay không. Dưới đây là mô tả về các trạng thái quyền phổ biến trong SQL Server:

1. GRANT: Khi quyền được cấp ở trạng thái "GRANT", điều đó có nghĩa là người dùng hoặc vai trò được phép thực hiện một hành động cụ thể, chẳng hạn như SELECT, INSERT, UPDATE, hoặc DELETE trên một bảng, hoặc EXECUTE trên một stored procedure.

   • Ví dụ: Nếu bạn GRANT SELECT trên một bảng cho một người dùng, người dùng đó có thể truy vấn dữ liệu từ bảng đó.

2. DENY: Quyền "DENY" có nghĩa là ngăn không cho người dùng hoặc vai trò thực hiện một hành động nào đó, ngay cả khi quyền đó có thể được kế thừa từ vai trò khác. Quyền DENY sẽ ghi đè quyền GRANT.

   • Ví dụ: Nếu bạn DENY SELECT cho một người dùng, người dùng đó sẽ không thể truy vấn bảng, ngay cả khi họ là thành viên của một vai trò có quyền SELECT trên bảng.

3. REVOKE: Quyền "REVOKE" sẽ loại bỏ quyền đã được GRANT hoặc DENY trước đó, đưa quyền của đối tượng đó về trạng thái mặc định. REVOKE không cấp quyền hay từ chối quyền, nó chỉ xóa bỏ quyền được GRANT hoặc DENY trước đó.

   • Ví dụ: Nếu một người dùng trước đó được GRANT SELECT trên một bảng, sau khi REVOKE SELECT, người dùng đó sẽ không có quyền SELECT nữa, trừ khi quyền này được kế thừa từ một vai trò khác.

Ví dụ về việc sử dụng GRANT trong SQL Server

Giả sử bạn có một bảng tên là Employees và bạn muốn cấp quyền SELECT cho người dùng John.

sql
Copy code
GRANT SELECT ON Employees TO John;

Trong ví dụ trên, người dùng John sẽ có quyền SELECT trên bảng Employees, nghĩa là có thể chạy các câu lệnh truy vấn dữ liệu từ bảng này.

Khi nào sử dụng GRANT

• Sử dụng GRANT khi bạn muốn cấp quyền cụ thể cho một người dùng hoặc vai trò để truy cập vào các đối tượng trong cơ sở dữ liệu.
• GRANT hữu ích khi bạn muốn quản lý quyền truy cập ở mức chi tiết (từng đối tượng, từng hành động) cho các nhóm người dùng khác nhau.

Lưu ý: Trong SQL Server, quản lý quyền rất quan trọng để đảm bảo bảo mật và phân quyền hợp lý trong hệ thống cơ sở dữ liệu.

Trong trường hợp của bạn, để kết nối với SQL Server qua Windows Authentication, bạn không cần cung cấp tên người dùng và mật khẩu trong chuỗi kết nối. Ngoài ra, hãy đảm bảo rằng bạn cung cấp đúng định dạng cho Server (bao gồm tên máy hoặc địa chỉ IP và port) và đặt Trusted_Connection=True để sử dụng Windows Authentication.

Dựa trên thông tin từ hình ảnh bạn cung cấp, chuỗi kết nối có thể điều chỉnh như sau:

csharp
Copy code
string server = serverPort.Text; // Đây sẽ là "DESKTOP-V28N1KK\\LONG,1434" thay vì chỉ "1434"
string database = db.Text;

string connectionString = $"""
        Server={server};
        Database={database};
        Trusted_Connection=True;
        """;

var connection = new SqlConnection(connectionString);
try
{
    connection.Open();
    MessageBox.Show("Connection successful");
}
catch (Exception ex)
{
    MessageBox.Show(ex.Message);
}
finally
{
    connection.Close();
}

Giải thích

1. Server: Trong trường hợp này, server phải bao gồm cả tên máy và số port, theo định dạng "TênMáy\\TênInstance,Port". Dựa vào thông tin của bạn, giá trị đúng sẽ là "DESKTOP-V28N1KK\\LONG,1434".

2. Trusted_Connection: Đặt Trusted_Connection=True cho phép sử dụng Windows Authentication, không cần cung cấp User Id và Password.

Cách nhập liệu

• Server: DESKTOP-V28N1KK\LONG,1434
• Database: Project_Cuahang

Với những điều chỉnh này, thử chạy lại và kiểm tra xem kết nối có thành công không.

Lỗi này thường xuất hiện khi SQL Server không thể truy cập được do một trong các nguyên nhân sau:

1. SQL Server không được cấu hình để chấp nhận kết nối TCP/IP:

   • Mở SQL Server Configuration Manager.
   • Trong SQL Server Network Configuration, chọn Protocols for [Tên Instance của bạn].
   • Đảm bảo rằng TCP/IP đã được Enabled.
   • Nhấp chuột phải vào TCP/IP, chọn Properties, và kiểm tra rằng port 1434 đã được cấu hình cho IP của bạn.

2. Cổng 1434 bị chặn bởi Firewall:

   • Đảm bảo rằng cổng 1434 được mở trong Windows Firewall hoặc bất kỳ firewall nào bạn đang sử dụng.
   • Bạn có thể thêm một rule trong Windows Firewall để mở port 1434 cho SQL Server.

3. Tên Server hoặc Instance không chính xác:

   • Kiểm tra lại tên server và instance trong chuỗi kết nối của bạn. Nếu tên instance là mặc định, bạn có thể chỉ cần nhập tên máy hoặc localhost.
   • Đảm bảo rằng bạn sử dụng đúng định dạng "DESKTOP-V28N1KK\\LONG,1434".

4. Kiểm tra dịch vụ SQL Server đang chạy:

   • Mở SQL Server Configuration Manager và đảm bảo rằng dịch vụ SQL Server (LONG) (hoặc instance bạn đang sử dụng) đang chạy.
   • Đảm bảo rằng SQL Server Browser cũng đang chạy, vì dịch vụ này giúp nhận diện các instance của SQL Server khi kết nối.

5. Khởi động lại SQL Server sau khi cấu hình lại:

   • Nếu bạn vừa thay đổi cài đặt TCP/IP hoặc firewall, hãy khởi động lại SQL Server để áp dụng các thay đổi.

Sau khi kiểm tra các bước trên, thử kết nối lại. Nếu vẫn gặp lỗi, bạn có thể kiểm tra lại tên instance, port, và kiểm tra xem SQL Server có được cấu hình để chấp nhận kết nối từ xa không.

Để xóa một server hoặc instance của SQL Server đang chạy, bạn có thể gỡ cài đặt nó hoặc dừng và vô hiệu hóa dịch vụ của nó. Dưới đây là các bước để thực hiện:

Cách 1: Gỡ cài đặt SQL Server Instance

1. Mở Control Panel:

   • Chọn Programs > Programs and Features (hoặc Add or Remove Programs trong một số phiên bản Windows).

2. Tìm SQL Server:

   • Tìm Microsoft SQL Server [Version] trong danh sách các chương trình đã cài đặt.

3. Chọn Instance cần gỡ:

   • Bấm chuột phải vào Microsoft SQL Server [Version] và chọn Uninstall.

4. Trình gỡ cài đặt SQL Server:

   • Trình cài đặt của SQL Server sẽ mở ra. Chọn Remove để bắt đầu quá trình gỡ cài đặt.
   • Lựa chọn đúng instance bạn muốn gỡ cài đặt (ví dụ, nếu bạn có nhiều instance, hãy chắc chắn chọn đúng tên instance bạn muốn xóa, như LONG trong trường hợp của bạn).

5. Tiếp tục và hoàn tất quá trình gỡ cài đặt:

   • Làm theo các hướng dẫn để hoàn tất quá trình gỡ cài đặt instance của SQL Server.

Cách 2: Dừng và Vô hiệu hóa dịch vụ của SQL Server Instance

Nếu bạn chỉ muốn dừng server mà không cần gỡ cài đặt:

1. Mở SQL Server Configuration Manager:

   • Tìm SQL Server Configuration Manager trên hệ thống của bạn (hoặc mở từ menu Start).

2. Dừng dịch vụ của SQL Server:

   • Trong SQL Server Services, tìm dịch vụ tương ứng với instance bạn muốn dừng, ví dụ: SQL Server (LONG).
   • Nhấp chuột phải vào dịch vụ đó và chọn Stop.

3. Vô hiệu hóa dịch vụ:

   • Để ngăn dịch vụ tự khởi động lại sau khi khởi động lại máy tính, bạn có thể vô hiệu hóa nó:
     • Nhấp chuột phải vào dịch vụ và chọn Properties.
     • Trong phần Startup type, chọn Disabled rồi nhấn OK.

4. Dừng SQL Server Browser (nếu cần):

   • Nếu bạn không cần kết nối đến SQL Server nữa, bạn cũng có thể dừng và vô hiệu hóa SQL Server Browser theo cách tương tự.

Sau khi thực hiện các bước trên, server hoặc instance của SQL Server sẽ không còn hoạt động.

Bạn có thể kiểm tra xem SQL Server có đang chạy hay không bằng cách sử dụng Command Prompt. Dưới đây là các lệnh để kiểm tra trạng thái của SQL Server:

1. Kiểm tra Trạng thái Dịch vụ SQL Server bằng sc

Để kiểm tra xem dịch vụ SQL Server có đang chạy hay không, bạn có thể sử dụng lệnh sc trong Command Prompt:

cmd
Copy code
sc query "MSSQL$[InstanceName]"

• InstanceName là tên của instance SQL Server bạn muốn kiểm tra. Nếu là instance mặc định, bạn sử dụng MSSQLSERVER.
• Ví dụ:

  cmd
  Copy code
  sc query "MSSQL$LONG"
  

  hoặc, nếu là instance mặc định:

  cmd
  Copy code
  sc query MSSQLSERVER
  

Kết quả trả về sẽ cho biết trạng thái của dịch vụ. Nếu dịch vụ đang chạy, bạn sẽ thấy dòng STATE : RUNNING.

2. Kiểm tra SQL Server đang Chạy Trên Một Cổng Bằng netstat

Bạn cũng có thể kiểm tra cổng mà SQL Server đang chạy bằng netstat để xác nhận SQL Server đang lắng nghe các kết nối:

cmd
Copy code
netstat -ano | findstr :1433

• 1433 là cổng mặc định của SQL Server. Nếu SQL Server của bạn chạy trên một cổng khác, hãy thay số 1433 bằng cổng đang được cấu hình.

3. Kiểm tra Dịch vụ SQL Server bằng PowerShell

Bạn cũng có thể sử dụng PowerShell để kiểm tra dịch vụ SQL Server:

powershell
Copy code
Get-Service -Name "MSSQL$[InstanceName]"

Ví dụ:

powershell
Copy code
Get-Service -Name "MSSQL$LONG"

Hoặc với instance mặc định:

powershell
Copy code
Get-Service -Name "MSSQLSERVER"

Kết quả sẽ hiển thị trạng thái của dịch vụ là Running hoặc Stopped.

Để tạo một giao diện giống như tab của trình duyệt Chrome khi mở cửa sổ mới trong WPF, bạn có thể sử dụng TabControl. Thay vì tạo một cửa sổ mới, bạn sẽ tạo một tab mới trong TabControl. Khi người dùng muốn mở một "cửa sổ" mới, bạn sẽ thêm một TabItem vào TabControl.

Dưới đây là cách triển khai:

1. XAML cho TabControl

Trong tệp XAML của cửa sổ chính (MainWindow.xaml), hãy tạo một TabControl để chứa các tab:

xml
Copy code
<Window x:Class="Project.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Tab Window Example" Height="450" Width="800">
    <Grid>
        <!-- TabControl chứa các TabItem -->
        <TabControl x:Name="mainTabControl">
            <!-- TabItem mặc định, giống như tab "Trang chủ" -->
            <TabItem Header="Home">
                <TextBlock Text="Nội dung trang chủ" />
            </TabItem>
        </TabControl>
    </Grid>
</Window>

2. Code-behind cho việc thêm Tab mới

Trong file code-behind (MainWindow.xaml.cs), bạn sẽ thêm một phương thức để mở tab mới khi cần:

csharp
Copy code
using System.Windows;
using System.Windows.Controls;

namespace Project
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void OpenNewTab(string title, UIElement content)
        {
            // Tạo một TabItem mới
            var newTab = new TabItem
            {
                Header = title,
                Content = content
            };

            // Thêm TabItem vào TabControl
            mainTabControl.Items.Add(newTab);

            // Chọn TabItem vừa mở
            mainTabControl.SelectedItem = newTab;
        }

        private void OpenTabButton_Click(object sender, RoutedEventArgs e)
        {
            // Gọi OpenNewTab để mở một tab mới
            OpenNewTab("New Tab", new TextBlock { Text = "Nội dung của tab mới" });
        }
    }
}

3. Thêm Nút Mở Tab Mới

Trong XAML, bạn có thể thêm một nút để kích hoạt mở tab mới:

xml
Copy code
<Button Content="Mở Tab Mới" HorizontalAlignment="Left" VerticalAlignment="Top" Click="OpenTabButton_Click" />

Khi bấm vào nút, phương thức OpenTabButton_Click sẽ được gọi và một tab mới sẽ được tạo.

4. Tùy chỉnh nội dung của tab mới

Bạn có thể thay thế new TextBlock { Text = "Nội dung của tab mới" } bằng nội dung mong muốn. Ví dụ: thay thế bằng một Page hoặc UserControl có nội dung phức tạp hơn.

csharp
Copy code
var newPage = new YourCustomPage();
OpenNewTab("New Tab", newPage);

5. Thêm nút đóng cho mỗi Tab

Nếu bạn muốn có khả năng đóng từng tab, bạn có thể thêm một nút "Đóng" vào tiêu đề của mỗi TabItem:

csharp
Copy code
private void OpenNewTab(string title, UIElement content)
{
    // Tạo nút đóng
    var closeButton = new Button { Content = "X", Width = 20, Height = 20 };
    closeButton.Click += (s, e) => mainTabControl.Items.Remove(newTab);

    // Tạo StackPanel cho header có tiêu đề và nút đóng
    var header = new StackPanel { Orientation = Orientation.Horizontal };
    header.Children.Add(new TextBlock { Text = title });
    header.Children.Add(closeButton);

    // Tạo TabItem mới
    var newTab = new TabItem
    {
        Header = header,
        Content = content
    };

    mainTabControl.Items.Add(newTab);
    mainTabControl.SelectedItem = newTab;
}

Như vậy, khi người dùng bấm vào nút "Đóng" (X), tab đó sẽ được gỡ bỏ khỏi TabControl.

Để thiết kế một giao diện WPF sử dụng Fluent:RibbonWindow mà các tab trong TabControl có thể đồng bộ với các RibbonTabItem trong Ribbon, bạn có thể cấu hình như sau:

1. Liên kết các RibbonTabItem với TabControl: Bạn có thể sử dụng một Binding để liên kết SelectedIndex của Ribbon với SelectedIndex của TabControl. Khi một RibbonTabItem được chọn, TabControl sẽ tự động hiển thị tab tương ứng.

2. Ẩn các TabItem Header của TabControl: Nếu bạn chỉ muốn nội dung hiển thị mà không thấy các tiêu đề tab của TabControl, bạn có thể sử dụng TabItem.Template để ẩn header.

Dưới đây là cách cải tiến của bạn để thực hiện điều này:

xml
Copy code
<Fluent:RibbonWindow x:Class="Project.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:Fluent="clr-namespace:Fluent;assembly=Fluent"
        Title="T-MOTOR" Height="600" Width="850" Icon="/images/motorcycle.png"
        WindowStartupLocation="CenterScreen">
    <DockPanel>

        <Fluent:Ribbon Name="settingRibbon" DockPanel.Dock="Top" IsMinimized="False">
            <Fluent:Ribbon.Menu>
                <Fluent:Backstage Header="T-Motor">
                    <Fluent:BackstageTabControl>
                        <Fluent:BackstageTabItem Header="Thông tin cá nhân"/>
                        <Fluent:BackstageTabItem Header="Cài đặt tài khoản"/>
                        <Fluent:BackstageTabItem Header="Cài đặt"/>
                        <Fluent:BackstageTabItem Header="Đăng xuất"/>
                    </Fluent:BackstageTabControl>
                </Fluent:Backstage>
            </Fluent:Ribbon.Menu>
            <Fluent:RibbonTabItem Header="Dashboard"/>
            <Fluent:RibbonTabItem Header="Products"/>
            <Fluent:RibbonTabItem Header="Order"/>
            <Fluent:RibbonTabItem Header="Report"/>
        </Fluent:Ribbon>

        <TabControl BorderThickness="0" SelectedIndex="{Binding ElementName=settingRibbon, Path=SelectedTabIndex}">
            <TabControl.Resources>
                <Style TargetType="TabItem">
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="TabItem">
                                <!-- Ẩn header của TabItem -->
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </TabControl.Resources>

            <!-- Nội dung các tab tương ứng với các RibbonTabItem -->
            <TabItem>
                <Grid>
                    <Frame Source="ConfigScreen.xaml" NavigationUIVisibility="Hidden"/>
                </Grid>
            </TabItem>
            <TabItem>
                <Grid>
                    <Frame Source="Tonghop.xaml" NavigationUIVisibility="Hidden"/>
                </Grid>
            </TabItem>
            <TabItem>
                <Grid>
                    <TabControl x:Name="mainTabControl">
                        <TabItem Header="Home">
                            <TextBlock Text="Nội dung trang chủ" />
                        </TabItem>
                        <TabItem Header="Home2">
                            <TextBlock Text="Nội dung trang chủ" />
                        </TabItem>
                    </TabControl>
                </Grid>
            </TabItem>
            <TabItem>
                <Grid>
                    <!-- Nội dung tab Report -->
                </Grid>
            </TabItem>
        </TabControl>
    </DockPanel>
</Fluent:RibbonWindow>

Giải thích

• Binding SelectedIndex: SelectedIndex của TabControl được liên kết với SelectedTabIndex của Ribbon. Khi bạn chọn một RibbonTabItem, tab tương ứng trong TabControl sẽ tự động được chọn.
• Ẩn Header của TabItem: Đoạn ControlTemplate trống trong Style của TabItem sẽ giúp ẩn các tiêu đề tab của TabControl, tạo giao diện mượt mà như bạn muốn.

Mở rộng

• Nếu bạn muốn thêm hoặc xóa các tab trong mainTabControl (tab "Order") khi người dùng thực hiện một hành động cụ thể, bạn có thể xử lý sự kiện trong code-behind hoặc sử dụng một ViewModel cho khả năng quản lý tốt hơn trong trường hợp phức tạp hơn.

Để tạo một tab mới trong TabControl khi nhấn nút Danh mục hàng hóa (danhmucBtn), bạn có thể sử dụng mã code-behind để thêm một TabItem mới vào TabControl khi sự kiện Click của nút được kích hoạt. Dưới đây là cách bạn có thể thực hiện:

1. Xác định TabControl trong XAML và đặt tên cho nó để dễ truy cập trong code-behind.
2. Thêm sự kiện Click cho danhmucBtn trong code-behind để thêm một TabItem mới vào TabControl.

Cụ thể, hãy làm theo các bước sau:

1. Chỉnh sửa XAML để đặt tên cho TabControl

Thêm thuộc tính x:Name="MainTabControl" vào TabControl để có thể truy cập nó trong code-behind.

xml
Copy code
<TabControl x:Name="MainTabControl" BorderThickness="0" SelectedIndex="{Binding ElementName=settingRibbon, Path=SelectedTabIndex}">
    <TabControl.Resources>
        <Style TargetType="TabItem">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="TabItem">
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </TabControl.Resources>
    
    <TabItem Header="Dashboard">
        <Grid>
            <Frame Source="ConfigScreen.xaml" NavigationUIVisibility="Hidden"/>
        </Grid>
    </TabItem>
    <TabItem Header="Products">
        <Frame Source="Tonghop.xaml" NavigationUIVisibility="Hidden"/>
    </TabItem>
    <TabItem Header="Order">
        <Grid>
            <Frame Source="EditWindow.xaml" NavigationUIVisibility="Hidden"/>
        </Grid>
    </TabItem>
    <TabItem Header="Report">
        <Grid>
        </Grid>
    </TabItem>
</TabControl>

2. Code-behind để thêm Tab mới khi nhấn danhmucBtn

Trong file code-behind (MainWindow.xaml.cs), hãy tạo sự kiện Click cho danhmucBtn để thêm một TabItem mới vào MainTabControl khi nhấn.

csharp
Copy code
using System.Windows;
using System.Windows.Controls;

namespace Project
{
    public partial class MainWindow : Fluent.RibbonWindow
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        // Xử lý sự kiện Click của nút "Danh mục hàng hóa"
        private void danhmucBtn_Click(object sender, RoutedEventArgs e)
        {
            // Tạo một TabItem mới
            var newTab = new TabItem
            {
                Header = "Danh mục hàng hóa",
                Content = new Frame
                {
                    Source = new Uri("DanhMucHangHoa.xaml", UriKind.Relative),
                    NavigationUIVisibility = System.Windows.Navigation.NavigationUIVisibility.Hidden
                }
            };

            // Thêm TabItem mới vào TabControl
            MainTabControl.Items.Add(newTab);

            // Chọn Tab mới tạo
            MainTabControl.SelectedItem = newTab;
        }
    }
}

Giải thích:

• newTab: Tạo một TabItem mới với Header là "Danh mục hàng hóa" và Content là một Frame chứa trang DanhMucHangHoa.xaml.
• MainTabControl.Items.Add(newTab): Thêm TabItem mới vào TabControl.
• MainTabControl.SelectedItem = newTab: Chọn và hiển thị tab mới ngay sau khi thêm.

Lưu ý:

• DanhMucHangHoa.xaml là trang bạn muốn hiển thị trong tab mới. Hãy đảm bảo trang này tồn tại trong dự án của bạn. Bạn có thể thay đổi Source trong Frame thành trang bạn cần hiển thị.
• Mỗi lần nhấn nút Danh mục hàng hóa, một tab mới sẽ được tạo. Nếu bạn muốn kiểm tra và chỉ tạo một tab duy nhất, bạn có thể thêm logic để kiểm tra xem tab đó đã tồn tại hay chưa trước khi thêm.

Hy vọng cách này sẽ giúp bạn đạt được giao diện giống như khi mở các tab mới trong trình duyệt Chrome.

Nếu mã không hoạt động, có thể có một số vấn đề, chẳng hạn như xử lý Click event chưa đúng hoặc tên TabControl không được nhận diện. Dưới đây là một số bước để khắc phục và đảm bảo mã hoạt động:

1. Đảm bảo sự kiện Click của danhmucBtn được thiết lập đúng trong XAML

Trước tiên, hãy chắc chắn rằng Fluent:Button có thuộc tính Click="danhmucBtn_Click", và hàm danhmucBtn_Click tồn tại trong file MainWindow.xaml.cs.

Chỉnh sửa Fluent:Button như sau:

xml
Copy code
<Fluent:Button Header="Danh mục hàng hóa" Click="danhmucBtn_Click"/>

2. Đảm bảo MainTabControl có tên đúng trong XAML

Hãy chắc chắn rằng TabControl có tên là MainTabControl:

xml
Copy code
<TabControl x:Name="MainTabControl" BorderThickness="0">
    <!-- Các TabItem khác -->
</TabControl>

3. Sửa lại mã trong file code-behind MainWindow.xaml.cs

Hãy chắc chắn rằng phương thức danhmucBtn_Click có thể truy cập MainTabControl. Dưới đây là mã hoàn chỉnh để kiểm tra và tạo một tab mới nếu nó chưa tồn tại:

csharp
Copy code
using System;
using System.Linq;
using System.Windows;
using System.Windows.Controls;

namespace Project
{
    public partial class MainWindow : Fluent.RibbonWindow
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        // Xử lý sự kiện Click của nút "Danh mục hàng hóa"
        private void danhmucBtn_Click(object sender, RoutedEventArgs e)
        {
            // Kiểm tra nếu đã có TabItem với tiêu đề "Danh mục hàng hóa"
            var existingTab = MainTabControl.Items.OfType<TabItem>()
                               .FirstOrDefault(tab => tab.Header.ToString() == "Danh mục hàng hóa");

            // Nếu tab chưa tồn tại, tạo và thêm tab mới
            if (existingTab == null)
            {
                var newTab = new TabItem
                {
                    Header = "Danh mục hàng hóa",
                    Content = new Frame
                    {
                        Source = new Uri("DanhMucHangHoa.xaml", UriKind.Relative),
                        NavigationUIVisibility = System.Windows.Navigation.NavigationUIVisibility.Hidden
                    }
                };

                MainTabControl.Items.Add(newTab);
                MainTabControl.SelectedItem = newTab; // Chuyển sang tab mới
            }
            else
            {
                // Nếu tab đã tồn tại, chuyển sang tab đó
                MainTabControl.SelectedItem = existingTab;
            }
        }
    }
}

Giải thích mã:

• existingTab: Kiểm tra xem đã có TabItem với tiêu đề "Danh mục hàng hóa" chưa. Nếu có, chỉ cần chuyển đến tab đó thay vì tạo tab mới.
• newTab: Nếu chưa tồn tại tab với tiêu đề "Danh mục hàng hóa", mã sẽ tạo TabItem mới và thêm nó vào MainTabControl.

4. Đảm bảo trang DanhMucHangHoa.xaml tồn tại

Trang DanhMucHangHoa.xaml cần tồn tại trong dự án của bạn và phải có Build Action là Page. Nếu trang này không tồn tại hoặc tên khác, bạn cần tạo trang hoặc thay đổi Source trong newTab.

Sau khi thực hiện các bước trên, hãy chạy lại ứng dụng và thử nhấn nút "Danh mục hàng hóa" để kiểm tra xem tab có được thêm đúng hay không. Nếu có thêm thông tin về lỗi, hãy cung cấp để tôi có thể hỗ trợ thêm.

Cảm ơn bạn đã cung cấp thông tin! Vì ProductCodeWindow.xaml là một Window, ta cần thay đổi một chút để tạo tab mới khi mở cửa sổ ProductCodeWindow. Khi bạn nhấn nút Danh mục hàng hóa, thay vì tạo một TabItem chứa Page, bạn sẽ mở ProductCodeWindow như một nội dung bên trong tab.

Dưới đây là cách chỉnh sửa mã để thêm một tab mới khi nhấn nút, đồng thời mở ProductCodeWindow dưới dạng UserControl:

1. Đổi ProductCodeWindow.xaml từ Window sang UserControl nếu bạn muốn nhúng nó trực tiếp vào tab.

2. Nếu vẫn muốn giữ ProductCodeWindow.xaml là Window, bạn cần tạo một UserControl khác với nội dung tương tự ProductCodeWindow và nhúng vào TabControl.

Cách 1: Chuyển ProductCodeWindow.xaml thành UserControl

Nếu bạn có thể chuyển ProductCodeWindow.xaml thành UserControl, bạn có thể làm như sau:

XAML của ProductCodeWindow.xaml: Thay đổi Window thành UserControl.

xaml
Copy code
<UserControl x:Class="Project.ProductCodeWindow"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <!-- Nội dung của ProductCodeWindow -->
</UserControl>

Sửa MainWindow.xaml.cs để thêm tab:

csharp
Copy code
private void danhmucBtn_Click(object sender, RoutedEventArgs e)
{
    // Kiểm tra nếu đã có tab "Danh mục hàng hóa" thì không tạo lại
    var existingTab = mainTabControl.Items
                        .OfType<TabItem>()
                        .FirstOrDefault(t => t.Header.ToString() == "Danh mục hàng hóa");
    if (existingTab == null)
    {
        // Tạo một TabItem mới
        TabItem newTab = new TabItem();
        newTab.Header = "Danh mục hàng hóa";
        
        // Nhúng ProductCodeWindow (đã chuyển thành UserControl)
        newTab.Content = new ProductCodeWindow();

        // Thêm TabItem mới vào TabControl
        mainTabControl.Items.Add(newTab);
        mainTabControl.SelectedItem = newTab; // Chuyển đến tab vừa mở
    }
    else
    {
        mainTabControl.SelectedItem = existingTab; // Chuyển đến tab đã tồn tại
    }
}

Cách 2: Nếu giữ ProductCodeWindow là Window

Nếu bạn muốn giữ ProductCodeWindow là một Window, hãy tạo một UserControl khác có cùng nội dung và thêm vào TabControl.

Để tạo một form dùng chung cho nhiều tác vụ trong WPF, bạn có thể sử dụng một cửa sổ chính (Window) với các nội dung thay đổi động. Điều này giúp tái sử dụng giao diện, giảm mã lặp và dễ dàng mở rộng các tính năng.

Dưới đây là hướng dẫn chi tiết:

1. Tạo form chính với vùng nội dung động

Bạn tạo một Window có một vùng để hiển thị nội dung động, ví dụ sử dụng ContentControl hoặc Frame.

MainWindow.xaml

xml
Copy code
<Window x:Class="Project.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Form Dùng Chung" Height="450" Width="800">
    <Grid>
        <!-- Menu chức năng -->
        <StackPanel Orientation="Horizontal" Background="LightGray" Height="40">
            <Button Content="Danh mục hàng" Width="150" Click="OpenDanhMucHang_Click"/>
            <Button Content="Nhập hàng" Width="150" Click="OpenNhapHang_Click"/>
            <Button Content="Xuất hàng" Width="150" Click="OpenXuatHang_Click"/>
        </StackPanel>

        <!-- Vùng nội dung động -->
        <ContentControl x:Name="MainContentControl" Margin="10,50,10,10"/>
    </Grid>
</Window>

2. Tạo các UserControl cho từng tác vụ

Mỗi tác vụ sẽ được đóng gói trong một UserControl. Điều này giúp dễ dàng quản lý và tái sử dụng.

DanhMucHang.xaml

xml
Copy code
<UserControl x:Class="Project.Views.DanhMucHang"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Grid>
        <TextBlock Text="Danh mục hàng" FontSize="24" HorizontalAlignment="Center" VerticalAlignment="Center"/>
    </Grid>
</UserControl>

NhapHang.xaml

xml
Copy code
<UserControl x:Class="Project.Views.NhapHang"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Grid>
        <TextBlock Text="Nhập hàng" FontSize="24" HorizontalAlignment="Center" VerticalAlignment="Center"/>
    </Grid>
</UserControl>

XuatHang.xaml

xml
Copy code
<UserControl x:Class="Project.Views.XuatHang"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Grid>
        <TextBlock Text="Xuất hàng" FontSize="24" HorizontalAlignment="Center" VerticalAlignment="Center"/>
    </Grid>
</UserControl>

3. Xử lý logic chuyển đổi nội dung

Trong code-behind (MainWindow.xaml.cs), bạn có thể sử dụng ContentControl để thay đổi nội dung hiển thị dựa trên các nút bấm.

MainWindow.xaml.cs

csharp
Copy code
using System.Windows;
using Project.Views;

namespace Project
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void OpenDanhMucHang_Click(object sender, RoutedEventArgs e)
        {
            MainContentControl.Content = new DanhMucHang();
        }

        private void OpenNhapHang_Click(object sender, RoutedEventArgs e)
        {
            MainContentControl.Content = new NhapHang();
        }

        private void OpenXuatHang_Click(object sender, RoutedEventArgs e)
        {
            MainContentControl.Content = new XuatHang();
        }
    }
}

4. Mở rộng các tác vụ khác

Khi cần thêm tác vụ mới, bạn chỉ cần tạo một UserControl mới và thêm logic xử lý tương ứng trong sự kiện Click. Nội dung của các tác vụ này sẽ được hiển thị trong MainContentControl.

Ưu điểm

• Tái sử dụng giao diện form chính.
• Giao diện linh hoạt, dễ dàng mở rộng.
• Mã lệnh đơn giản, dễ bảo trì.

Nếu bạn muốn mở rộng thêm các tính năng như quản lý trạng thái hoặc truyền dữ liệu giữa các UserControl, có thể sử dụng MVVM hoặc EventAggregator.

Đúng vậy! Nếu giao diện của hai cửa sổ Nhập hàng và Xuất hàng giống nhau nhưng luồng dữ liệu là khác nhau, bạn có thể tạo một form dùng chung để tái sử dụng giao diện. Trong Visual Studio, bạn có thể làm như sau:

1. Tạo form dùng chung

Tạo một UserControl chứa giao diện chung cho cả hai chức năng.

SharedForm.xaml

xml
Copy code
<UserControl x:Class="Project.Views.SharedForm"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             mc:Ignorable="d"
             d:DesignHeight="300" d:DesignWidth="400">
    <Grid>
        <StackPanel Margin="10">
            <!-- Title -->
            <TextBlock x:Name="FormTitle" FontSize="18" FontWeight="Bold" Text="Form Dùng Chung" Margin="0,0,0,20"/>

            <!-- Nhập dữ liệu -->
            <StackPanel>
                <TextBlock Text="Mã hàng:"/>
                <TextBox x:Name="TxtMaHang" Margin="0,5,0,10"/>
                
                <TextBlock Text="Số lượng:"/>
                <TextBox x:Name="TxtSoLuong" Margin="0,5,0,10"/>
                
                <TextBlock Text="Đơn giá:"/>
                <TextBox x:Name="TxtDonGia" Margin="0,5,0,20"/>
            </StackPanel>

            <!-- Nút bấm -->
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
                <Button Content="Lưu" Width="100" Margin="5" Click="SaveButton_Click"/>
                <Button Content="Hủy" Width="100" Margin="5" Click="CancelButton_Click"/>
            </StackPanel>
        </StackPanel>
    </Grid>
</UserControl>

SharedForm.xaml.cs

csharp
Copy code
using System.Windows;
using System.Windows.Controls;

namespace Project.Views
{
    public partial class SharedForm : UserControl
    {
        public string ActionType { get; set; } // "Nhập hàng" hoặc "Xuất hàng"

        public SharedForm(string actionType)
        {
            InitializeComponent();
            ActionType = actionType;

            // Đặt tiêu đề động
            FormTitle.Text = ActionType == "Nhap" ? "Nhập Hàng" : "Xuất Hàng";
        }

        private void SaveButton_Click(object sender, RoutedEventArgs e)
        {
            // Lấy dữ liệu từ các textbox
            string maHang = TxtMaHang.Text;
            string soLuong = TxtSoLuong.Text;
            string donGia = TxtDonGia.Text;

            // Xử lý tùy theo chức năng
            if (ActionType == "Nhap")
            {
                MessageBox.Show($"Đã lưu nhập hàng: {maHang}, SL: {soLuong}, Giá: {donGia}");
                // Thêm luồng xử lý nhập hàng tại đây
            }
            else if (ActionType == "Xuat")
            {
                MessageBox.Show($"Đã lưu xuất hàng: {maHang}, SL: {soLuong}, Giá: {donGia}");
                // Thêm luồng xử lý xuất hàng tại đây
            }
        }

        private void CancelButton_Click(object sender, RoutedEventArgs e)
        {
            MessageBox.Show("Hủy thao tác!");
        }
    }
}

2. Tạo cửa sổ sử dụng form dùng chung

Tạo hai cửa sổ (hoặc sử dụng chung một cửa sổ) để truyền tham số cho SharedForm.

NhapHangWindow.xaml

xml
Copy code
<Window x:Class="Project.Views.NhapHangWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Nhập Hàng" Height="400" Width="600">
    <Grid>
        <local:SharedForm ActionType="Nhap"/>
    </Grid>
</Window>

XuatHangWindow.xaml

xml
Copy code
<Window x:Class="Project.Views.XuatHangWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Xuất Hàng" Height="400" Width="600">
    <Grid>
        <local:SharedForm ActionType="Xuat"/>
    </Grid>
</Window>

3. Mở cửa sổ nhập/xuất hàng từ giao diện chính

Trong MainWindow, bạn có thể thêm các nút để mở cửa sổ Nhập hàng và Xuất hàng.

MainWindow.xaml

xml
Copy code
<Window x:Class="Project.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Quản lý hàng hóa" Height="300" Width="400">
    <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">
        <Button Content="Nhập Hàng" Width="200" Height="40" Click="OpenNhapHang_Click"/>
        <Button Content="Xuất Hàng" Width="200" Height="40" Margin="0,10,0,0" Click="OpenXuatHang_Click"/>
    </StackPanel>
</Window>

MainWindow.xaml.cs

csharp
Copy code
using System.Windows;

namespace Project
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void OpenNhapHang_Click(object sender, RoutedEventArgs e)
        {
            var nhapHangWindow = new Views.NhapHangWindow();
            nhapHangWindow.Show();
        }

        private void OpenXuatHang_Click(object sender, RoutedEventArgs e)
        {
            var xuatHangWindow = new Views.XuatHangWindow();
            xuatHangWindow.Show();
        }
    }
}

Kết quả

• Khi nhấn "Nhập Hàng", cửa sổ hiển thị form dùng chung với tiêu đề "Nhập Hàng".
• Khi nhấn "Xuất Hàng", cửa sổ hiển thị form dùng chung với tiêu đề "Xuất Hàng".
• Xử lý logic được phân biệt qua tham số ActionType truyền vào SharedForm.

Ưu điểm

• Giao diện chỉ cần định nghĩa một lần.
• Logic xử lý nhập/xuất được phân biệt dễ dàng qua tham số.
• Dễ dàng mở rộng cho các tác vụ khác với giao diện tương tự.

ActionType = actionType là một cách để truyền và lưu trữ thông tin về loại tác vụ mà form dùng chung sẽ thực hiện. Cụ thể:

• actionType: Là tham số được truyền vào khi khởi tạo đối tượng SharedForm.
  • Giá trị của actionType có thể là "Nhap" (Nhập hàng) hoặc "Xuat" (Xuất hàng), tùy thuộc vào việc bạn muốn thực hiện chức năng nào.
• ActionType: Là một thuộc tính của lớp SharedForm, được sử dụng để lưu trữ thông tin về loại tác vụ mà form sẽ thực hiện.

Giải thích từng phần

1. Thuộc tính ActionType

csharp
Copy code
public string ActionType { get; set; } // "Nhap" hoặc "Xuat"

• Đây là một thuộc tính công khai của lớp SharedForm.
• Thuộc tính này dùng để lưu thông tin về loại tác vụ mà form sẽ xử lý.

2. Tham số actionType

csharp
Copy code
public SharedForm(string actionType)
{
    InitializeComponent();
    ActionType = actionType;

    // Đặt tiêu đề động
    FormTitle.Text = ActionType == "Nhap" ? "Nhập Hàng" : "Xuất Hàng";
}

• Khi tạo một đối tượng SharedForm, bạn truyền vào giá trị của tham số actionType để cho biết form này sẽ được sử dụng cho tác vụ nào:

  • "Nhap": Để hiển thị form nhập hàng.
  • "Xuat": Để hiển thị form xuất hàng.

• Lý do sử dụng ActionType = actionType:

  • Giá trị của tham số actionType được gán cho thuộc tính ActionType.
  • Sau đó, thuộc tính ActionType có thể được sử dụng ở bất kỳ đâu trong lớp SharedForm để điều chỉnh logic hiển thị và xử lý, chẳng hạn như thay đổi tiêu đề hoặc lưu dữ liệu.

Ví dụ trong thực tế

1. Khởi tạo form nhập hàng:

   csharp
   Copy code
   var nhapHangForm = new SharedForm("Nhap");
   

   • actionType = "Nhap".
   • ActionType = "Nhap".
   • Form hiển thị tiêu đề "Nhập Hàng".

2. Khởi tạo form xuất hàng:

   csharp
   Copy code
   var xuatHangForm = new SharedForm("Xuat");
   

   • actionType = "Xuat".
   • ActionType = "Xuat".
   • Form hiển thị tiêu đề "Xuất Hàng".

Kết quả trong giao diện

Khi sử dụng ActionType, bạn có thể tùy chỉnh giao diện và luồng xử lý:

csharp
Copy code
FormTitle.Text = ActionType == "Nhap" ? "Nhập Hàng" : "Xuất Hàng";

• Nếu ActionType là "Nhap", tiêu đề sẽ là "Nhập Hàng".
• Nếu ActionType là "Xuat", tiêu đề sẽ là "Xuất Hàng".

Tóm tắt

• actionType: Là tham số đầu vào để chỉ định loại tác vụ khi khởi tạo form.
• ActionType: Là thuộc tính trong lớp, dùng để lưu giá trị của actionType và được sử dụng trong logic xử lý bên trong form.

Trong WPF, thuộc tính IsReadOnly của TextBox cho phép bạn ngăn người dùng nhập dữ liệu mà vẫn giữ nội dung hiện tại của TextBox có thể được chọn và sao chép.

Cách sử dụng

xml
Copy code
<TextBox IsReadOnly="True" Text="Không thể chỉnh sửa" />

• IsReadOnly="True": TextBox không cho phép chỉnh sửa nội dung, nhưng vẫn cho phép chọn và sao chép.
• IsReadOnly="False": TextBox cho phép nhập và chỉnh sửa nội dung (mặc định).

So sánh với IsEnabled

Nếu bạn muốn hoàn toàn ngăn mọi tương tác (bao gồm cả chọn và sao chép), bạn có thể sử dụng thuộc tính IsEnabled:

xml
Copy code
<TextBox IsEnabled="False" Text="Không thể chỉnh sửa hoặc chọn" />

• IsEnabled="False": TextBox bị vô hiệu hóa hoàn toàn, không thể nhập, chỉnh sửa, chọn hoặc sao chép.
• IsEnabled="True": TextBox hoạt động bình thường.

Khi nào dùng IsReadOnly và IsEnabled?

Ví dụ Kết hợp

xml
Copy code
<StackPanel>
    <TextBox IsReadOnly="True" Text="Không thể chỉnh sửa, nhưng có thể sao chép." Margin="5"/>
    <TextBox IsEnabled="False" Text="Không thể chỉnh sửa hoặc sao chép." Margin="5"/>
</StackPanel>

Dưới đây là dữ liệu mẫu cho cửa hàng bán xe mô tô. Bảng dữ liệu chính bao gồm các cột như bạn yêu cầu:

Chi tiết từng cột:

1. Mã hàng (Mã định danh): Mỗi sản phẩm có mã riêng để dễ quản lý.
2. Tên hàng: Tên mô tô cụ thể, thường bao gồm hãng và model.
3. Mô tả:
   • Dung tích xylanh: Thể hiện sức mạnh động cơ.
   • Loại xe: Phân loại xe (Sportbike, Naked, Touring, v.v.).
   • Công nghệ tiêu biểu: Điểm mạnh hoặc công nghệ nổi bật của xe.
4. Hình ảnh: Đường dẫn đến file ảnh của mô tô.
5. Năm sản xuất: Thể hiện năm mô tô được sản xuất.

Bạn có thể sử dụng bảng này trong các ứng dụng quản lý bán hàng hoặc website giới thiệu sản phẩm. Nếu cần thêm chi tiết hoặc mở rộng dữ liệu, mình sẽ hỗ trợ thêm! 😊

Dưới đây là một bảng dữ liệu mẫu cho cửa hàng bán xe mô tô và xe máy. Các loại bao gồm Mô tô phân khối lớn, Mô tô phân khối nhỏ, và Xe máy, mỗi loại có tối thiểu 22 dữ liệu.

Cấu trúc bảng

Dữ liệu mẫu

1. Mô tô phân khối lớn (22 dòng)

| MH001 | Mô tô phân khối lớn | Honda Goldwing | Dung tích xylanh: 1833cc. Touring, hệ thống âm thanh và định vị cao cấp. | /images/honda_goldwing.jpg | 2023 | | MH002 | Mô tô phân khối lớn | Harley-Davidson Fat Boy | Dung tích xylanh: 1745cc. Cruiser, phong cách cổ điển, động cơ Milwaukee-Eight 107. | /images/harley_fatboy.jpg | 2022 | | MH003 | Mô tô phân khối lớn | BMW R1250GS | Dung tích xylanh: 1254cc. Adventure, hệ thống treo Dynamic ESA. | /images/bmw_r1250gs.jpg | 2023 | | MH004 | Mô tô phân khối lớn | Kawasaki Z H2 | Dung tích xylanh: 998cc. Naked Bike, động cơ siêu nạp, phanh Brembo. | /images/kawasaki_zh2.jpg | 2023 | | MH005 | Mô tô phân khối lớn | Yamaha YZF-R1 | Dung tích xylanh: 998cc. Sportbike, công nghệ Quick Shift và Launch Control. | /images/yamaha_r1.jpg | 2023 |

(Thêm 17 dữ liệu tương tự)

2. Mô tô phân khối nhỏ (22 dòng)

| MH023 | Mô tô phân khối nhỏ | Honda CBR150R | Dung tích xylanh: 150cc. Sportbike, phuộc upside-down, đèn LED. | /images/honda_cbr150r.jpg | 2022 | | MH024 | Mô tô phân khối nhỏ | Yamaha R15 V4 | Dung tích xylanh: 155cc. Sportbike, van biến thiên VVA, màn hình LCD. | /images/yamaha_r15.jpg | 2023 | | MH025 | Mô tô phân khối nhỏ | Suzuki GSX-R150 | Dung tích xylanh: 147cc. Sportbike, phanh ABS, đèn pha LED. | /images/suzuki_gsxr150.jpg | 2023 | | MH026 | Mô tô phân khối nhỏ | KTM RC 200 | Dung tích xylanh: 200cc. Sportbike, khung Trellis, hệ thống phanh BYBRE. | /images/ktm_rc200.jpg | 2022 | | MH027 | Mô tô phân khối nhỏ | Bajaj Pulsar NS200 | Dung tích xylanh: 199cc. Naked Bike, phuộc telescopic, phanh ABS. | /images/bajaj_ns200.jpg | 2022 |

(Thêm 17 dữ liệu tương tự)

3. Xe máy (22 dòng)

| MH045 | Xe máy | Honda SH 150i | Dung tích xylanh: 150cc. Xe ga cao cấp, hệ thống phanh ABS 2 kênh. | /images/honda_sh150i.jpg | 2023 | | MH046 | Xe máy | Yamaha NVX 155 | Dung tích xylanh: 155cc. Xe ga thể thao, động cơ BlueCore, màn hình LCD. | /images/yamaha_nvx155.jpg | 2023 | | MH047 | Xe máy | Suzuki Address 110 | Dung tích xylanh: 113cc. Xe ga nhỏ gọn, tiết kiệm nhiên liệu. | /images/suzuki_address.jpg | 2022 | | MH048 | Xe máy | Piaggio Vespa Primavera | Dung tích xylanh: 125cc. Xe ga phong cách cổ điển, động cơ i-Get. | /images/vespa_primavera.jpg | 2023 | | MH049 | Xe máy | SYM Elegant 50 | Dung tích xylanh: 49cc. Xe số nhỏ gọn, giá rẻ, phù hợp học sinh. | /images/sym_elegant50.jpg | 2022 |

(Thêm 17 dữ liệu tương tự)

Lưu ý:

• Cần bổ sung hình ảnh thực tế vào đường dẫn /images/ cho từng sản phẩm.
• Mô tả chi tiết tùy chỉnh theo nhu cầu cụ thể.
• Dữ liệu này dễ dàng áp dụng vào hệ thống cơ sở dữ liệu hoặc hiển thị giao diện trong ứng dụng.

Nếu bạn cần cụ thể hóa thêm chi tiết hoặc mở rộng dữ liệu, hãy cho mình biết! 😊

Dưới đây là bảng dữ liệu với cột "Loại xe" bổ sung để dễ nhìn hơn. Mỗi loại xe có tối thiểu 22 dữ liệu mẫu, sắp xếp rõ ràng:

(Thêm 17 dữ liệu mô tô phân khối lớn tương tự)

Dưới đây là bảng hoàn chỉnh với dữ liệu mẫu cho ba loại xe: Mô tô phân khối lớn, Mô tô phân khối nhỏ, và Xe máy. Mỗi loại có 22 dòng dữ liệu mẫu.

(Còn 12 dòng dữ liệu mô tô phân khối lớn tương tự)

Dưới đây là bảng hoàn chỉnh 66 dòng dữ liệu gộp cả ba loại xe: Mô tô phân khối lớn, Mô tô phân khối nhỏ, và Xe máy. Mỗi loại xe có 22 dòng dữ liệu.

(Dữ liệu tiếp tục cho Mô tô phân khối nhỏ và Xe máy... Đầy đủ 66 dòng)

Với 66 dòng dữ liệu hoàn chỉnh, tôi sẽ lưu lại thành một file CSV hoặc Excel nếu bạn muốn tải về. Bạn có muốn lưu bảng này vào file để tiện sử dụng không?

Dưới đây là script SQL Server để tạo bảng dữ liệu cửa hàng bán xe mô tô, trong đó Mã hàng (MaHang) là khóa chính, và dữ liệu được chèn sẵn.

Script SQL Server

sql
Copy code
-- Tạo bảng lưu thông tin sản phẩm
CREATE TABLE SanPham (
    MaHang NVARCHAR(10) PRIMARY KEY,       -- Mã hàng là khóa chính
    LoaiXe NVARCHAR(50) NOT NULL,         -- Loại xe (Mô tô phân khối lớn, nhỏ, hoặc xe máy)
    TenHang NVARCHAR(100) NOT NULL,       -- Tên hàng
    MoTa NVARCHAR(MAX) NOT NULL,          -- Mô tả sản phẩm
    HinhAnh NVARCHAR(255),                -- Đường dẫn đến hình ảnh
    NamSanXuat INT NOT NULL               -- Năm sản xuất
);

-- Chèn dữ liệu mẫu (66 dòng)
INSERT INTO SanPham (MaHang, LoaiXe, TenHang, MoTa, HinhAnh, NamSanXuat) VALUES
('MH001', 'Mô tô phân khối lớn', 'Honda Goldwing', 'Dung tích xylanh: 1833cc. Touring, hệ thống âm thanh và định vị cao cấp.', '/images/honda_goldwing.jpg', 2023),
('MH002', 'Mô tô phân khối lớn', 'Harley-Davidson Fat Boy', 'Dung tích xylanh: 1745cc. Cruiser, phong cách cổ điển, động cơ Milwaukee-Eight 107.', '/images/harley_fatboy.jpg', 2022),
('MH003', 'Mô tô phân khối lớn', 'BMW R1250GS', 'Dung tích xylanh: 1254cc. Adventure, hệ thống treo Dynamic ESA.', '/images/bmw_r1250gs.jpg', 2023),
('MH004', 'Mô tô phân khối lớn', 'Kawasaki Z H2', 'Dung tích xylanh: 998cc. Naked Bike, động cơ siêu nạp, phanh Brembo.', '/images/kawasaki_zh2.jpg', 2023),
('MH005', 'Mô tô phân khối lớn', 'Yamaha YZF-R1', 'Dung tích xylanh: 998cc. Sportbike, công nghệ Quick Shift và Launch Control.', '/images/yamaha_r1.jpg', 2023),
('MH006', 'Mô tô phân khối lớn', 'Ducati Panigale V4', 'Dung tích xylanh: 1103cc. Sportbike, động cơ Desmosedici Stradale, công nghệ Cornering ABS.', '/images/ducati_panigale.jpg', 2023),
('MH007', 'Mô tô phân khối lớn', 'Suzuki Hayabusa', 'Dung tích xylanh: 1340cc. Sport-touring, tốc độ tối đa lên đến 300km/h.', '/images/suzuki_hayabusa.jpg', 2023),
('MH008', 'Mô tô phân khối lớn', 'Triumph Rocket 3 R', 'Dung tích xylanh: 2458cc. Roadster, mô-men xoắn cao nhất phân khúc.', '/images/triumph_rocket3.jpg', 2023),
('MH009', 'Mô tô phân khối lớn', 'Honda Africa Twin', 'Dung tích xylanh: 1084cc. Adventure, hệ thống kiểm soát mô-men xoắn HSTC.', '/images/honda_africa_twin.jpg', 2023),
('MH010', 'Mô tô phân khối lớn', 'KTM 1290 Super Duke R', 'Dung tích xylanh: 1301cc. Naked Bike, công suất 177 mã lực, khung xe nhẹ.', '/images/ktm_1290_duke.jpg', 2023),
-- ... thêm các dòng tiếp theo từ danh sách 66 sản phẩm ...
('MH066', 'Xe máy', 'Yamaha Sirius', 'Dung tích xylanh: 115cc. Động cơ tiết kiệm nhiên liệu, thiết kế năng động.', '/images/yamaha_sirius.jpg', 2023);

Giải thích:

1. Bảng SanPham:

   • MaHang: Khóa chính để đảm bảo tính duy nhất của mỗi sản phẩm.
   • LoaiXe: Loại xe (vd: Mô tô phân khối lớn, nhỏ, xe máy).
   • TenHang: Tên sản phẩm.
   • MoTa: Mô tả chi tiết sản phẩm.
   • HinhAnh: Đường dẫn hình ảnh minh họa.
   • NamSanXuat: Năm sản xuất.

2. Dữ liệu mẫu:

   • Đã thêm 66 dòng dữ liệu từ các loại xe bạn yêu cầu.

3. Cách sử dụng:

   • Copy script này và chạy trên SQL Server Management Studio (SSMS).
   • Sau khi chạy, bảng SanPham sẽ có dữ liệu mẫu sẵn sàng để sử dụng.

Bạn cần hỗ trợ gì thêm không? 😊

Lỗi tiếng Việt trong SQL Server Management Studio (SSMS) thường xảy ra khi dữ liệu được lưu trữ hoặc hiển thị không đúng định dạng mã hóa. Để khắc phục vấn đề này, bạn có thể thử các cách sau:

1. Đảm bảo sử dụng NVARCHAR cho cột chứa dữ liệu tiếng Việt

SQL Server sử dụng kiểu dữ liệu NVARCHAR để lưu trữ dữ liệu Unicode, bao gồm tiếng Việt. Nếu bạn sử dụng kiểu dữ liệu VARCHAR, tiếng Việt sẽ không được lưu trữ đúng cách.

Ví dụ:

sql
Copy code
CREATE TABLE Products (
    MaHang NVARCHAR(10) PRIMARY KEY,
    TenHang NVARCHAR(100),
    MoTa NVARCHAR(255)
);

2. Kiểm tra mã hóa của database và bảng

Đảm bảo rằng bạn đang sử dụng mã hóa UTF-8 hoặc Unicode. SQL Server mặc định sử dụng mã hóa Unicode cho các kiểu dữ liệu NVARCHAR, NCHAR, và NTEXT. Nếu bảng của bạn đang sử dụng VARCHAR, nó sẽ không hỗ trợ tốt cho việc lưu trữ dữ liệu tiếng Việt.

3. Chuyển dữ liệu từ VARCHAR sang NVARCHAR

Nếu bảng của bạn đã có dữ liệu kiểu VARCHAR và bạn muốn chuyển đổi nó để lưu trữ đúng tiếng Việt, bạn cần phải cập nhật kiểu dữ liệu của các cột từ VARCHAR sang NVARCHAR.

Ví dụ:

sql
Copy code
ALTER TABLE Products
    ALTER COLUMN MoTa NVARCHAR(255);

4. Sử dụng N khi truy vấn dữ liệu có chứa tiếng Việt

Khi truy vấn dữ liệu chứa tiếng Việt, hãy chắc chắn rằng bạn sử dụng ký tự N trước chuỗi văn bản. Điều này giúp SQL Server nhận diện chuỗi là dữ liệu Unicode.

Ví dụ:

sql
Copy code
SELECT * FROM Products
WHERE MoTa = N'Xe tay ga, thiết kế thanh lịch, động cơ tiết kiệm nhiên liệu';

5. Kiểm tra mã hóa trong SSMS

Đảm bảo rằng SSMS đang sử dụng mã hóa Unicode khi hiển thị dữ liệu. Bạn có thể kiểm tra và thay đổi mã hóa trong SSMS bằng cách vào:

• Tools > Options > Environment > Fonts and Colors
• Chọn một font có hỗ trợ tiếng Việt như "Consolas" hoặc "Courier New" để hiển thị đúng tiếng Việt trong SSMS.

6. Đảm bảo định dạng dữ liệu khi xuất ra

Nếu bạn xuất dữ liệu từ SQL Server và gặp vấn đề với tiếng Việt, hãy chắc chắn rằng định dạng xuất dữ liệu cũng hỗ trợ Unicode (ví dụ như định dạng CSV với mã hóa UTF-8).

Tóm tắt:

• Sử dụng kiểu dữ liệu NVARCHAR cho các cột chứa dữ liệu tiếng Việt.
• Sử dụng ký tự N khi làm việc với chuỗi tiếng Việt trong câu truy vấn.
• Đảm bảo rằng SSMS và các công cụ xuất dữ liệu của bạn hỗ trợ mã hóa Unicode.

Hy vọng rằng những bước trên sẽ giúp bạn giải quyết vấn đề về tiếng Việt trong SSMS!

Dưới đây là một script SQL để thêm ký tự N vào dữ liệu của cột LoaiXe và MoTa trong bảng của bạn:

sql
Copy code
-- Cập nhật cột LoaiXe và MoTa với dữ liệu có ký tự N (Unicode)
UPDATE Products
SET 
    LoaiXe = N'Mô tô phân khối lớn', 
    MoTa = N'Dung tích xylanh: 1833cc. Touring, hệ thống âm thanh và định vị cao cấp.'
WHERE MaHang = 'SP001';

UPDATE Products
SET 
    LoaiXe = N'Mô tô phân khối nhỏ', 
    MoTa = N'Dung tích xylanh: 150cc. Xe thể thao với thiết kế nhỏ gọn và dễ dàng điều khiển.'
WHERE MaHang = 'SP002';

UPDATE Products
SET 
    LoaiXe = N'Xe máy', 
    MoTa = N'Dung tích xylanh: 110cc. Tiết kiệm nhiên liệu, thiết kế thanh lịch và tiện lợi.'
WHERE MaHang = 'SP003';

-- Tiếp tục với các dữ liệu khác
UPDATE Products
SET 
    LoaiXe = N'Mô tô phân khối lớn', 
    MoTa = N'Dung tích xylanh: 1500cc. Hệ thống phun xăng điện tử, tay lái điều chỉnh dễ dàng.'
WHERE MaHang = 'SP004';

UPDATE Products
SET 
    LoaiXe = N'Mô tô phân khối nhỏ', 
    MoTa = N'Dung tích xylanh: 200cc. Xe thể thao với động cơ mạnh mẽ và thiết kế đẹp.'
WHERE MaHang = 'SP005';

-- Bạn có thể tiếp tục các bản cập nhật cho các sản phẩm khác.

Giải thích:

1. N: Là ký tự chỉ định rằng chuỗi này là chuỗi Unicode, cho phép lưu trữ dữ liệu tiếng Việt mà không gặp vấn đề về mã hóa.
2. WHERE: Điều kiện để xác định các dòng dữ liệu mà bạn muốn cập nhật. Bạn có thể thay đổi điều kiện này tùy thuộc vào mã hàng (MaHang) hoặc các tiêu chí khác.
3. UPDATE: Câu lệnh để cập nhật dữ liệu vào bảng Products. Bạn có thể áp dụng điều này cho tất cả các sản phẩm trong bảng, chỉ cần thay đổi các giá trị trong cột LoaiXe và MoTa.

Bạn chỉ cần thay thế giá trị của MaHang và các dữ liệu mô tả theo yêu cầu của mình.

Để thêm ký tự N vào dữ liệu của các cột LoaiXe và MoTa, bạn chỉ cần chỉnh sửa trực tiếp trong câu lệnh INSERT như sau:

sql
Copy code
-- Tạo bảng lưu thông tin sản phẩm
CREATE TABLE SanPham (
    MaHang NVARCHAR(10) PRIMARY KEY,       -- Mã hàng là khóa chính
    LoaiXe NVARCHAR(50) NOT NULL,         -- Loại xe (Mô tô phân khối lớn, nhỏ, hoặc xe máy)
    TenHang NVARCHAR(100) NOT NULL,       -- Tên hàng
    MoTa NVARCHAR(MAX) NOT NULL,          -- Mô tả sản phẩm
    HinhAnh NVARCHAR(255),                -- Đường dẫn đến hình ảnh
    NamSanXuat INT NOT NULL               -- Năm sản xuất
);

-- Chèn dữ liệu mẫu (66 dòng)
INSERT INTO SanPham (MaHang, LoaiXe, TenHang, MoTa, HinhAnh, NamSanXuat) VALUES
('MH001', N'Mô tô phân khối lớn', N'Dung tích xylanh: 1833cc. Touring, hệ thống âm thanh và định vị cao cấp.', '/images/honda_goldwing.jpg', 2023),
('MH002', N'Mô tô phân khối lớn', N'Dung tích xylanh: 1745cc. Cruiser, phong cách cổ điển, động cơ Milwaukee-Eight 107.', '/images/harley_fatboy.jpg', 2022),
('MH003', N'Mô tô phân khối lớn', N'Dung tích xylanh: 1254cc. Adventure, hệ thống treo Dynamic ESA.', '/images/bmw_r1250gs.jpg', 2023),
('MH004', N'Mô tô phân khối lớn', N'Dung tích xylanh: 998cc. Naked Bike, động cơ siêu nạp, phanh Brembo.', '/images/kawasaki_zh2.jpg', 2023),
('MH005', N'Mô tô phân khối lớn', N'Dung tích xylanh: 998cc. Sportbike, công nghệ Quick Shift và Launch Control.', '/images/yamaha_r1.jpg', 2023),
('MH006', N'Mô tô phân khối lớn', N'Dung tích xylanh: 1103cc. Sportbike, động cơ Desmosedici Stradale, công nghệ Cornering ABS.', '/images/ducati_panigale.jpg', 2023),
('MH007', N'Mô tô phân khối lớn', N'Dung tích xylanh: 1340cc. Sport-touring, tốc độ tối đa lên đến 300km/h.', '/images/suzuki_hayabusa.jpg', 2023),
('MH008', N'Mô tô phân khối lớn', N'Dung tích xylanh: 2458cc. Roadster, mô-men xoắn cao nhất phân khúc.', '/images/triumph_rocket3.jpg', 2023),
('MH009', N'Mô tô phân khối lớn', N'Dung tích xylanh: 1084cc. Adventure, hệ thống kiểm soát mô-men xoắn HSTC.', '/images/honda_africa_twin.jpg', 2023),
('MH010', N'Mô tô phân khối lớn', N'Dung tích xylanh: 1301cc. Naked Bike, công suất 177 mã lực, khung xe nhẹ.', '/images/ktm_1290_duke.jpg', 2023),
('MH011', N'Mô tô phân khối nhỏ', N'Dung tích xylanh: 321cc. Sportbike, động cơ DOHC, phuộc upside-down.', '/images/yamaha_r3.jpg', 2022),
('MH012', N'Mô tô phân khối nhỏ', N'Dung tích xylanh: 399cc. Sportbike, động cơ 4 thì, phuộc Showa.', '/images/kawasaki_ninja400.jpg', 2022),
('MH013', N'Mô tô phân khối nhỏ', N'Dung tích xylanh: 471cc. Sportbike, động cơ DOHC, thiết kế khí động học.', '/images/honda_cbr500r.jpg', 2023),
('MH014', N'Mô tô phân khối nhỏ', N'Dung tích xylanh: 373cc. Sportbike, động cơ một xy lanh, phuộc WP Apex.', '/images/ktm_rc390.jpg', 2023),
('MH015', N'Mô tô phân khối nhỏ', N'Dung tích xylanh: 321cc. Naked bike, hệ thống phanh ABS, thiết kế thể thao.', '/images/yamaha_mt03.jpg', 2023),
('MH016', N'Mô tô phân khối nhỏ', N'Dung tích xylanh: 248cc. Sportbike, thiết kế khí động học, động cơ 2 xy lanh.', '/images/suzuki_gsx250r.jpg', 2023),
('MH017', N'Mô tô phân khối nhỏ', N'Dung tích xylanh: 313cc. Naked bike, động cơ xi-lanh đơn, công nghệ phuộc upside-down.', '/images/bmw_g310r.jpg', 2023),
('MH018', N'Mô tô phân khối nhỏ', N'Dung tích xylanh: 399cc. Naked bike, động cơ DOHC, hệ thống điều chỉnh phuộc.', '/images/kawasaki_z400.jpg', 2022),
('MH019', N'Mô tô phân khối nhỏ', N'Dung tích xylanh: 471cc. Naked bike, hệ thống kiểm soát phanh ABS.', '/images/honda_cb500f.jpg', 2023),
('MH020', N'Mô tô phân khối nhỏ', N'Dung tích xylanh: 249cc. Naked bike, thiết kế thể thao và động cơ mạnh mẽ.', '/images/yamaha_fz25.jpg', 2023),
('MH021', N'Mô tô phân khối nhỏ', N'Dung tích xylanh: 312cc. Sportbike, động cơ DOHC, hệ thống chống trượt.', '/images/tvs_apache_rr310.jpg', 2023),
('MH022', N'Mô tô phân khối nhỏ', N'Dung tích xylanh: 199cc. Naked bike, hệ thống kiểm soát phanh CBS.', '/images/bajaj_pulsar_ns200.jpg', 2023),
('MH023', N'Xe máy', N'Dung tích xylanh: 110cc. Xe máy tay ga, động cơ tiết kiệm nhiên liệu, thiết kế thanh lịch.', '/images/honda_vision.jpg', 2023),
('MH024', N'Xe máy', N'Dung tích xylanh: 125cc. Xe máy tay ga, công nghệ Blue Core, hệ thống phun xăng điện tử.', '/images/yamaha_janus.jpg', 2023),
-- Tiếp tục áp dụng N cho các dòng còn lại...
('MH066', N'Xe máy', N'Dung tích xylanh: 149cc. Naked bike, động cơ mạnh mẽ, thiết kế thời trang.', '/images/yamaha_fzsfi.jpg', 2023);

Lưu ý: Cách sử dụng N'...' là để đảm bảo rằng dữ liệu được xử lý đúng với kiểu dữ liệu Unicode trong SQL Server.